.content .title {
  text-align: center;
  margin-bottom: 10px;
}

.content .title h2 {
  font-size: 24px;
  font-weight: 400;
  padding: 20px 0px;
}

.content .title ul {
  display: inline-block;
}

.content .title ul li {
  width: 150px;
  list-style: none;
  float: left;
  padding: 5px 0px;
}

.content .title ul .bottom {
  border-bottom: 4px solid #fc5737;
}

.content .title ul .bottom a {
  color: #fc5737;
}

.content .c-play {
  background-color: #ece9e9;
  overflow: hidden;
  transition: 1s;
}

.content .c-play .play-new,
.content .c-play .play-hot {
  overflow: hidden;
  text-align: center;
}

.content .c-play .play-new .nav2,
.content .c-play .play-hot .nav2 {
  display: inline-block;
}

.content .c-play .play-new .nav2 ul li,
.content .c-play .play-hot .nav2 ul li {
  float: left;
  width: 200px;
  margin: 0px;
  line-height: 50px;
  background-color: #ece9e9;
  list-style: none;
}

.content .c-play .play-new .nav2 ul .bottom2 a,
.content .c-play .play-hot .nav2 ul .bottom2 a {
  color: #fc5737;
}

.content .c-play .play-new .all1 ul li,
.content .c-play .play-hot .all1 ul li {
  position: relative;
  float: left;
  width: 300px;
  height: 430px;
  background-color: #fff;
  list-style: none;
  text-align: center;
  margin-right: 22px;
  margin-bottom: 10px;
  border-radius: 10px;
}

.content .c-play .play-new .all1 ul li:nth-of-type(4n),
.content .c-play .play-hot .all1 ul li:nth-of-type(4n) {
  margin-right: 0px;
}

.content .c-play .play-new .all1 ul li img,
.content .c-play .play-hot .all1 ul li img {
  width: 300px;
  height: 250px;
  border-radius: 10px 10px 0px 0px;
}

.content .c-play .play-new .all1 ul li h4,
.content .c-play .play-hot .all1 ul li h4 {
  font-size: 18px;
  margin: 10px 0px;
}

.content .c-play .play-new .all1 ul li span,
.content .c-play .play-hot .all1 ul li span {
  display: inline-block;
  border: 2px solid #fe5341;
  padding: 0px 4px;
  border-radius: 5px;
  color: #fe5341;
  font-size: 14px;
}

.content .c-play .play-new .all1 ul li p,
.content .c-play .play-hot .all1 ul li p {
  margin: 10px 0px;
  font-size: 14px;
}

.content .c-play .play-new .all1 ul li p b,
.content .c-play .play-hot .all1 ul li p b {
  color: #fe5341;
}

.content .c-play .play-new .all1 ul li p:nth-of-type(2),
.content .c-play .play-hot .all1 ul li p:nth-of-type(2) {
  font-size: 14px;
  color: #fe5341;
}

.content .c-play .play-new .all1 ul li .first,
.content .c-play .play-hot .all1 ul li .first {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 70px;
  height: 30px;
  line-height: 30px;
  background-color: #fc5737;
  color: #fff;
  border-radius: 0px 10px 0px 10px;
}

.content .c-play .play-new .proposer1,
.content .c-play .play-hot .proposer1 {
  display: none;
}

.content .c-play .play-new .proposer1 ul li,
.content .c-play .play-hot .proposer1 ul li {
  position: relative;
  float: left;
  width: 300px;
  height: 430px;
  background-color: #fff;
  list-style: none;
  text-align: center;
  margin-right: 22px;
  margin-bottom: 10px;
  border-radius: 10px;
}

.content .c-play .play-new .proposer1 ul li:nth-of-type(4n),
.content .c-play .play-hot .proposer1 ul li:nth-of-type(4n) {
  margin-right: 0px;
}

.content .c-play .play-new .proposer1 ul li img,
.content .c-play .play-hot .proposer1 ul li img {
  width: 300px;
  height: 250px;
  border-radius: 10px 10px 0px 0px;
}

.content .c-play .play-new .proposer1 ul li h4,
.content .c-play .play-hot .proposer1 ul li h4 {
  font-size: 18px;
  margin: 10px 0px;
}

.content .c-play .play-new .proposer1 ul li span,
.content .c-play .play-hot .proposer1 ul li span {
  display: inline-block;
  border: 2px solid #fe5341;
  padding: 0px 4px;
  border-radius: 5px;
  color: #fe5341;
  font-size: 14px;
}

.content .c-play .play-new .proposer1 ul li p,
.content .c-play .play-hot .proposer1 ul li p {
  margin: 10px 0px;
  font-size: 14px;
}

.content .c-play .play-new .proposer1 ul li p b,
.content .c-play .play-hot .proposer1 ul li p b {
  color: #fe5341;
}

.content .c-play .play-new .proposer1 ul li p:nth-of-type(2),
.content .c-play .play-hot .proposer1 ul li p:nth-of-type(2) {
  font-size: 14px;
  color: #fe5341;
}

.content .c-play .play-new .proposer1 ul li .first,
.content .c-play .play-hot .proposer1 ul li .first {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 70px;
  height: 30px;
  line-height: 30px;
  background-color: #fc5737;
  color: #fff;
  border-radius: 0px 10px 0px 10px;
}

.content .c-play .play-new .try1,
.content .c-play .play-hot .try1 {
  display: none;
}

.content .c-play .play-new .try1 ul li,
.content .c-play .play-hot .try1 ul li {
  position: relative;
  float: left;
  width: 300px;
  height: 430px;
  background-color: #fff;
  list-style: none;
  text-align: center;
  margin-right: 22px;
  margin-bottom: 10px;
  border-radius: 10px;
}

.content .c-play .play-new .try1 ul li:nth-of-type(4n),
.content .c-play .play-hot .try1 ul li:nth-of-type(4n) {
  margin-right: 0px;
}

.content .c-play .play-new .try1 ul li img,
.content .c-play .play-hot .try1 ul li img {
  width: 300px;
  height: 250px;
  border-radius: 10px 10px 0px 0px;
}

.content .c-play .play-new .try1 ul li h4,
.content .c-play .play-hot .try1 ul li h4 {
  font-size: 18px;
  margin: 10px 0px;
}

.content .c-play .play-new .try1 ul li span,
.content .c-play .play-hot .try1 ul li span {
  display: inline-block;
  border: 2px solid #fe5341;
  padding: 0px 4px;
  border-radius: 5px;
  color: #fe5341;
  font-size: 14px;
}

.content .c-play .play-new .try1 ul li p,
.content .c-play .play-hot .try1 ul li p {
  margin: 10px 0px;
  font-size: 14px;
}

.content .c-play .play-new .try1 ul li p b,
.content .c-play .play-hot .try1 ul li p b {
  color: #fe5341;
}

.content .c-play .play-new .try1 ul li p:nth-of-type(2),
.content .c-play .play-hot .try1 ul li p:nth-of-type(2) {
  font-size: 14px;
  color: #fe5341;
}

.content .c-play .play-new .try1 ul li .first,
.content .c-play .play-hot .try1 ul li .first {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 70px;
  height: 30px;
  line-height: 30px;
  background-color: #fc5737;
  color: #fff;
  border-radius: 0px 10px 0px 10px;
}

.content .c-play .play-new .end1,
.content .c-play .play-hot .end1 {
  display: none;
}

.content .c-play .play-new .end1 ul li,
.content .c-play .play-hot .end1 ul li {
  position: relative;
  float: left;
  width: 300px;
  height: 430px;
  background-color: #fff;
  list-style: none;
  text-align: center;
  margin-right: 22px;
  margin-bottom: 10px;
  border-radius: 10px;
}

.content .c-play .play-new .end1 ul li:nth-of-type(4n),
.content .c-play .play-hot .end1 ul li:nth-of-type(4n) {
  margin-right: 0px;
}

.content .c-play .play-new .end1 ul li img,
.content .c-play .play-hot .end1 ul li img {
  width: 300px;
  height: 250px;
  border-radius: 10px 10px 0px 0px;
}

.content .c-play .play-new .end1 ul li h4,
.content .c-play .play-hot .end1 ul li h4 {
  font-size: 18px;
  margin: 10px 0px;
}

.content .c-play .play-new .end1 ul li span,
.content .c-play .play-hot .end1 ul li span {
  display: inline-block;
  border: 2px solid #fe5341;
  padding: 0px 4px;
  border-radius: 5px;
  color: #fe5341;
  font-size: 14px;
}

.content .c-play .play-new .end1 ul li p,
.content .c-play .play-hot .end1 ul li p {
  margin: 10px 0px;
  font-size: 14px;
}

.content .c-play .play-new .end1 ul li p b,
.content .c-play .play-hot .end1 ul li p b {
  color: #fe5341;
}

.content .c-play .play-new .end1 ul li p:nth-of-type(2),
.content .c-play .play-hot .end1 ul li p:nth-of-type(2) {
  font-size: 14px;
  color: #fe5341;
}

.content .c-play .play-new .end1 ul li .first,
.content .c-play .play-hot .end1 ul li .first {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 70px;
  height: 30px;
  line-height: 30px;
  background-color: #fc5737;
  color: #fff;
  border-radius: 0px 10px 0px 10px;
}

.content .c-play .play-hot {
  display: none;
  overflow: hidden;
}

.content .c-play .play-hot ul li {
  position: relative;
  float: left;
  width: 300px;
  height: 440px;
  background-color: #fff;
  list-style: none;
  text-align: center;
  margin-right: 22px;
  margin-bottom: 10px;
  border-radius: 10px;
}

.content .c-play .play-hot ul li:nth-of-type(4n) {
  margin-right: 0px;
}

.content .c-play .play-hot ul li:nth-of-type(4n-2) span {
  color: #82c576;
  border: 2px solid #82c576;
}

.content .c-play .play-hot ul li:nth-of-type(4n-2) .end {
  color: #82c576;
}

.content .c-play .play-hot ul li img {
  width: 300px;
  height: 250px;
  border-radius: 10px 10px 0px 0px;
}

.content .c-play .play-hot ul li h4 {
  font-size: 18px;
  margin: 10px 0px;
}

.content .c-play .play-hot ul li span {
  display: inline-block;
  border: 2px solid #fe5341;
  padding: 0px 4px;
  border-radius: 5px;
  color: #fe5341;
  font-size: 14px;
}

.content .c-play .play-hot ul li p {
  margin: 10px 0px;
  font-size: 14px;
}

.content .c-play .play-hot ul li p b {
  color: #fe5341;
}

.content .c-play .play-hot ul li p:nth-of-type(2) {
  font-size: 14px;
  color: #fe5341;
}

.content .c-play .play-hot ul li .vip {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 100px;
  height: 30px;
  line-height: 30px;
  background-color: #fcf8d1;
  color: #d5bc94;
  border-radius: 0px 10px 0px 10px;
}
